@charset "UTF-8";

.no_margin_right {
margin-right: 0 !important;
}
.main {
height:451px;
}
.subnav {
height:26px;
background:url(../images/subnav_bg.png) 0 0 repeat-x;
}
.subnav_content {

}
.subnav_content li {
float:left;
line-height:26px;
margin-right:25px;
}
.subnav_content a {
color: #666;
}
.subnav_content_first{
margin-left:7px;
}


.banner_rank{
width:290px;
height:425px;
background-color:#a1d3ff;
}

.main_top {
padding-top: 48px;
background-color:#FAFAFA;
}
.plan {
height:334px;
}
.plan_top ,.reconmmend_top ,.prefer_top{
height:42px;

}
.plan_top h3 ,.reconmmend_top h3,.prefer_top h3{
height:23px;
width:118px;
font-weight:bold;
font-size:18px;
float:left;
}
.plan_top ul ,.plan_top ul,.prefer_top ul{
float:left;
}
.plan_top li ,.reconmmend_top li{
font-size:12px;
margin-right:22px;
margin-top:5px;
cursor: pointer;
float:left;
}
.plan_content li {
float:left;
width:270px;
margin-right:33px;

}
.plan_content img {
margin-bottom:19px;
}
.plan_content h3 {
font-size:17px;
font-weight:bold;
color: #333333;
}
.plan_content p {
color: #999999;
line-height:20px;
}
.reconmmend {
height:358px;
margin-top:72px;
}
.prefer {
height:184px;
margin-top:72px;
}
.main_body {

}

.reconmmend_conntent {
height:316px;
}
.reconmmend_conntent li {
width:180px;
height:148px;
margin:0;
position:relative;
}
.reconmmend_conntent li img {
width:180px;
height:100px;

}
.reconmmend_conntent li span {
height:18px;
}
.reconmmend_conntent li a {
}
.reconmmend_conntent li p {
margin-top:12px;
font-size:12px;
}
.reconmmend_conntent li b {
margin-top:9px;
}
.reconmmend_conntent li i {
/*top:133px;*/
/*left:2px;*/
}
.reconmmend_conntent li em {

}
.reconmmend_conntent .reconmmend_conntent_first {
width:380px;
height:316px;
margin:0;

}
.reconmmend_conntent .reconmmend_conntent_up {
margin-left:20px;
margin-bottom:20px;
}
.reconmmend_conntent .reconmmend_conntent_down {
margin-left:20px;
}
.reconmmend_conntent_first a , .reconmmend_conntent li a{
position:relative;
}
.reconmmend_conntent .reconmmend_conntent_first img {
width:380px;
height:268px;
}
.reconmmend_conntent .reconmmend_conntent_first span,.reconmmend_conntent span {
position:absolute;
width:100%;
height:21px;
bottom:0;
left: 0;
background-color:#5C5C5C;
color: #FFFFFF;
line-height:21px;
text-indent:7px;
}
.reconmmend_conntent .reconmmend_conntent_first p ,.reconmmend_conntent p{
font-size:15px;
margin-top:13px;
}
.reconmmend_conntent .reconmmend_conntent_first b ,.reconmmend_conntent b {
height:11px;
margin-top:9px;
position:relative;
}
.reconmmend_conntent .reconmmend_conntent_first i , .reconmmend_conntent i{
position:absolute;
width:10px;
height:9px;
left:2px;
top: 1px;
background:url(../images/viewcounticon.png) 0 0 no-repeat;
}
.reconmmend_conntent .reconmmend_conntent_first em ,.reconmmend_conntent em{
padding-left:18px;
}


.prefer_top p {
float:left;
margin-top:5px;
}
.prefer_top i {
position:relative;
width:36px;
height:19px;
border-radius: 20%;
background-color:#09924B;
color: #fff;
line-height:19px;
font-size:12px;
padding:2px;
left:2px;
}

.prefer_content {

}
.prefer_content .prefer_content_first {
margin-left:0px;
}
.prefer_content li {
float:left;
width:180px;
height:142px;
margin-left:20px;
}
.prefer_content img{
width:180px;
height:100px;
}
.prefer_content p {
margin-top:6px;
line-height:20px;
font-weight:bold;
}


.main_body {
background-color:#F0F0F0;
padding-top:47px;
}
.ted , .international , .enjoy ,.speech,.china_collage,.king,.cloud,.mooc {
margin-bottom:55px;
height:315px;

}
.main_body_content {
padding-bottom:55px;
}
.main_body_content_title {
width:180px;
height:315px;
float:left;
}
.main_body_right {
width:980px;
}
.main_body_content_title {
background-color:#970700;
}
.content_title_name ul { margin-left:36px; height:184px;}
.main_body_content_title a {
color: #fff;
}
.main_body_content_title h4 {
font-size:17px;
height:51px;
line-height:51px;
margin-top:17px;
text-align:center;
font-weight:bold;
;
}
.content_title_li {
width:72px;
height:36px;
}
.content_title_more {
height:36px;
width:100%;
margin-left:36px;
}







/* bottom Begin */
.g-container,.g-doc{width:960px;margin:0 auto}
.g-row:after{clear:both;content:'.';display:block;height:0;visibility:hidden}
.g-row{margin:0 -8px 0 -7px;zoom:1}
.g-limitrow{max-height:345px}
.g-limitrow,.g-autorow{overflow:hidden;position:relative}
.g-autorow{height:auto;zoom:1}
.g-sd{position:relative;float:right;width:340px;margin-left:-340px}.g-mn{float:left;width:100%}
.g-mnc{margin-right:340px}
.g-hide,.g-ihide{display:none}
.g-cell1,.g-cell2,.g-cell3{float:left;margin:0 8px 0 7px}
.g-cell1{width:180px}
.g-cell2{width:375px}
.g-cell3{width:570px}
.g-card1{height:175px}
.b-5{clear:both;overflow:hidden;display:block}
.b-10{height:10px}
.b-10,.b-20,.b-30,.b-15,.b-40{clear:both;overflow:hidden;display:block}.b-5{height:5px}.b-20{height:20px}
.b-30{height:30px}
.b-15{height:15px}
.b-40{height:40px}

.g-hide{display:block}
.g-ihide{display:inline}
.g-container{width:1180px}
.g-row{margin:0 -10px}
.g-cell1{margin:0 10px;width:180px}
.g-cell2{margin:0 10px;width:380px}
.g-cell3{margin:0 10px;width:580px}


.u-votebtn{margin-bottom:35px;background-color:#fff;text-align:center;line-height:48px;font-size:14px}
.u-votebtn a{color:#09924b}
.u-stitle h2{line-height:1.2em}
.u-stitle span{padding:6px 0 0 10px}
/* bottom End */


